草庐IT

2D 地图绘制

全部标签

javascript - 路线上的谷歌地图点击事件

我试图在我点击路线的任何地方画一个圆圈。我在寻找有关如何使路线可点击的解决方案,但找不到任何有用的东西……下面是我的代码。当我点击路线但没有创建圆圈时,我没有收到任何错误消息。directionsDisplay=newgoogle.maps.DirectionsRenderer(rendererOptions);//directionservicerequesthere...google.maps.event.addListener(directionsDisplay,'click',function(event){varrouteClick=newgoogle.maps.Circle

javascript - 使用 2d html5Canvas 和 ctx.rotate 函数沿其面向的方向移动对象

标题说明了一切,我正在尝试根据物体所在的Angular向前移动物体。这是我的相关代码:xView=this.x-this.width/2;yView=this.y-this.height/2;playerCtx.drawImage(imgSprite,0,0,this.width,this.height,xView,yView,this.width,this.height);playerCtx.save();playerCtx.clearRect(0,0,game.width,game.height);playerCtx.translate(xView,yView);playerCtx

javascript - 在 <canvas> 中绘制填字游戏网格的最快算法?

我正在渲染一个单元格网格,非常类似于您在填字游戏中找到的网格,但使用四种不同的颜色来填充每个单元格(不仅是黑色或白色)。网格大小约为160x120,我需要尽快渲染它,因为它将用于显示Cellularautomaton。动画。我尝试了两种不同的方法来渲染网格:使用如下方式渲染每个单元格:varw=x+step;varh=y+step;canvasContext.fillStyle=cell.color;canvasContext.fillRect(x+1,y+1,w-1,h-1);canvasContext.strokeRect(x,y,w,h);渲染所有没有边框的单元格,然后使用以下方

javascript - 使用 safari 在 Canvas 中绘制包含 html 的 svg

我正在尝试为网站创建一些动态创建页面的缩略图,我找到了一个解决方案,方法是在svg中添加html,然后我在Canvas内的图像上绘制图像,然后在绘制图像后调整大小.此解决方案适用于firefox和chrome,但不适用于safari,svg似乎没有绘制我只是得到一个空白页面。即使我trycatch并且我在网上找不到解决方案,我也没有收到任何错误。我的html只是一个带有Canvas的基本测试页面,我试图在头部添加一个meta标签但是也没用。这是我写的代码:varcanvas=document.getElementById('canvasTest'),context=canvas.get

javascript - 谷歌地图热图层点半径

我希望能够以米为单位有效地指定点的半径。API配置为使radius属性对于像素保持不变,因此放大会导致热图腐eclipse(我知道您可以使用dissipating属性,但这会引发其他问题,即必须手动调整半径才能使我的热图正确显示。这是热图reference。具体来说,我正在尝试在map上显示概率分布。我有图像形式的分布,想将0-1权重映射到热图层。(我可以,但不想叠加图像)。有什么建议吗? 最佳答案 好的,我尝试了一些东西:使用MercatorProjectionexample(checkthesource)从latLng中提取任意

javascript - 在 d3 arc javascript 中绘制文本

我在http://jsfiddle.net/PRb93/1/上用d3创建了一个弧varvis=d3.select("body").append("svg")varpi=Math.PI;vararc=d3.svg.arc().innerRadius(300).outerRadius(320).startAngle(0*(pi/180)).endAngle(-pi)vis.append("path").attr("d",arc).attr("transform","translate(350,350)")​现在我想在这个圆弧的顶部绘制文本(我将把这个圆弧分布到n个节点中)。我不能直接使用和

javascript - 谷歌地图模式问题

我正在尝试将谷歌地图显示到TwitterBootstrap模式中。当用户第一次点击按钮Showmap然后他能够成功地看到map,因为我正在生成maponclick()函数但是当他关闭模式并重新打开时然后map显示不正确,map的90%部分变成灰色,如下所示我什至尝试了这个解决方法,删除绑定(bind)了map的整个div并重新生成它,但是这个技巧不太奏效,请告诉我如何解决我的问题。以下是我调用显示map的onclick事件的js函数functionmapp(){//google.maps.event.trigger(map,"resize");//$("#map_google_canv

javascript - 使用 JSON 绘制谷歌图表

如果它是一个单独的JSON文件,我如何检索和使用谷歌图表的数据集?我尝试了jQuerygetJSON但无法正常工作。GoogleViz应该使用JSON来绘制条形图有原生的googleAPI方式吗?或者我能找到一种使用jQuery的方法吗?如何使用?谢谢//LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.goog

javascript - 谷歌地图 API - 通过地址 javascript 添加标记

我有带地址的地方数据库,我想在谷歌地图上添加标记。它只显示默认标记,似乎geocoder.geocode()什么都不做。例如,我试图在“纽约市”上添加标记,但没有成功。vargeocoder;varmap;varaddress="newyorkcity";geocoder=newgoogle.maps.Geocoder();functioninitMap(){varuluru={lat:-25.363,lng:131.044};varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:4,center:uluru});

javascript - 谷歌地图标记分组

我正在努力实现以下目标:在我的map上有不同类型的标记,例如学校、图书馆、公交车站,我希望能够显示/隐藏每组标记。我已经在google上搜索了一段时间,但没有找到任何结果:/有什么想法可以实现吗? 最佳答案 有多种方法可以解决这个问题,但让我向您展示一种方法。首先,让我们从一组位置开始(借用自GoogleMapsAPITutorials):varbeaches=[['BondiBeach',-33.890542,151.274856,1],['CoogeeBeach',-33.923036,151.259052,1],['Cronu